<template>
    <div>
        <h1>Counter</h1>
        <p>Count: {{ counter.count }}</p>
        <p>Double Count: {{ counter.doubleCount }}</p>
        <el-button @click="counter.increment">Increment</el-button>
        <el-button @click="counter.decrement">Decrement</el-button>

        <div>
            <el-link href="https://element.eleme.io" target="_blank">默认链接</el-link>
            <el-link type="primary">主要链接</el-link>
            <el-link type="success">成功链接</el-link>
            <el-link type="warning">警告链接</el-link>
            <el-link type="danger">危险链接</el-link>
            <el-link type="info">信息链接</el-link>
        </div>

        <el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949">
        </el-switch>

        <el-time-select v-model="timeValue" :picker-options="{
            start: '08:30',
            step: '00:15',
            end: '18:30'
        }" placeholder="选择时间">
        </el-time-select>
    </div>
</template>
<script>
import { useCounterStore } from '../stores/counter'
export default {
    name: 'index',
    data() {
        const counter = useCounterStore();
        return {
            counter,
            value: true,
            timeValue: ''
        }
    },
    /*     setup() {
            const counter = useCounterStore();
            return { counter };
        }, */
}
</script>
<style lang="less"></style>